<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Huazi</title>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <!-- 访客统计 -->
    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
    <script>
        LA.init({
            id: "JSJIxpIAZ5ykbg97",
            ck: "JSJIxpIAZ5ykbg97"
        })
    </script>
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="/css/lion.css">
    <link rel="stylesheet" href="/css/book.css">
</head>

<body class="bg">
    <div class="nav" style="text-align: center;">
        <div><img src="img/HUAZI.svg" alt=""></div>
    </div>
    <div class="container">
        <div>
            <!-- 个人介绍 -->
            <div class="box1 card wide">
                <div><img class="img" src="./img/men-emjio.png" alt=""></div>
                <div class="homepage">
                    <a href="https:huazi.space" target="_blank" class="homepage-link">前往新版</a>
                </div>
                <div class="text text-regular">👋 Hi！我是刘梦华，你可以称呼我为「华子」。一名从事UI设计的野生设计狮。目前正热衷于建模学习以及对代码的复制粘贴。</div><br>
            </div>
            <!-- 小狮子互动 -->
            <div class="box2 card regular">
                <div style="border-radius: 40px;" id="world"></div>
            </div>
            <!-- 牙E通小程序 -->
            <div class="box3 card long">
                <div class="btn btn-long">
                    <a href="https://www.ui.cn/detail/605917.html?nopop=1" target=" _blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img src="img/app-1.png" alt="" style="margin-top: 60px;">
            </div>
            <!-- 周刊 -->
            <div class="box4 card regular">
                <div class="btn btn-rel">
                    <a href="https://www.yuque.com/books/share/5f38d886-eebf-4f24-8c12-7deb302bf545?#" target=" _blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img class="img-zhoukan" src="/img/zhoukan.svg" alt="">
            </div>
            <!-- 站酷主页 -->
            <div class="box5 card regular">
                <div class="btn btn-rel">
                    <a href="https://www.zcool.com.cn/u/21243793" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img class="img-zcool" src="/img/zcool.svg" alt="">
            </div>
            <!-- 牙E通App -->
            <div class="box6 card long">
                <div class="btn btn-long">
                    <a href="https://www.ui.cn/detail/605933.html?nopop=1" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img src="/img/yaetong-app.png" alt="">
            </div>
            <!-- 牙E通网页 -->
            <div class="box7 card wide">
                <div class="btn btn-rel">
                    <a href="https://www.ui.cn/detail/606666.html?nopop=1" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img class="img-yaetong-web" src="/img/yaetong-web.png" alt="">
            </div>
            <!-- 物资管理App -->
            <div class="box8 card regular">
                <div class="btn btn-rel">
                    <a href="https://www.ui.cn/detail/605934.html?nopop=1" target="_blank">
                        <img class="btn-arrow" src="/img/arrow.svg" alt="">
                    </a>
                </div>
                <img class="img-wuzi" src="/img/wuzi-app.png" alt="">
            </div>
            <!-- 书籍 -->
            <div class="box9 card">
                <div class="main-content">
                    <div class="moleskine-wrapper">
                        <a href="https://www.yuque.com/hhhhuazi/gvoffq" target="_blank">
                            <div class="moleskine-notebook">
                                <div class="notebook-cover">
                                    <div class="notebook-skin text-regular">网站资源收集</div>
                                </div>
                                <div class="notebook-page"></div>
                            </div>
                        </a>
                    </div>
                    <div class="moleskine-wrapper">
                        <a href="https://www.yuque.com/hhhhuazi/lxwi0x" target="_blank">
                            <div class="moleskine-notebook">
                                <div class="notebook-cover blue">
                                    <div class="notebook-skin text-regular">移动控件清单</div>
                                </div>
                                <div class="notebook-page ruled"></div>
                            </div>
                        </a>
                    </div>
                    <div class="moleskine-wrapper">
                        <a href="https://www.yuque.com/hhhhuazi/wyv66k" target="_blank">
                            <div class="moleskine-notebook">
                                <div class="notebook-cover yellow">
                                    <div class="notebook-skin text-regular">适老化设计</div>
                                </div>
                                <div class="notebook-page squared"></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 联系 -->
            <div class="box10 card">
                <div class="content">
                    <div class="content-title text-medium">想要联系我</div>
                    <div class="content-text text-light">如果你对我感兴趣，或者只是想打个招呼，请随时与我联系。以下是我的社交主页和电子邮件。</div>
                    <div class="content-img">
                        <a class="foot-in-a" href="mailto:bighuazi@qq.com" target="_blank">
                            <span class="content-img-icon img_outer"><img src="/img/con-email.png" alt=""></span>
                        </a>
                        <a class="foot-in-a" href="https://www.zcool.com.cn/u/21243793" target="_blank">
                            <span class="content-img-icon img_outer"><img src="/img/con-zcool.png" alt=""></span>
                        </a>
                        <a class="foot-in-a" href="https://i.ui.cn/ucenter/1789275.html?type=work">
                            <span class="content-img-icon img_outer"><img src="/img/con-ui.png" alt=""></span>
                        </a>
                        <a class="foot-in-a" href="https://unsplash.com/@bighuazi" target="_blank">
                            <span class="content-img-icon img_outer"><img src="/img/con-unplash.png" alt=""></span>
                        </a>
                        <a class="foot-in-a" href="https://weibo.com/u/5863135515" target="_blank">
                            <span class="content-img-icon img_outer"><img src="/img/con-weibo.png" alt=""></span>
                        </a>
                        <a class="foot-in-a" href="https://twitter.com/heyhuazi" target="_blank">
                            <span class="content-img-icon img_outer"><img src="/img/con-twitter.png" alt=""></span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 底部 -->
            <div class="foot">
                <div class="foot-in">
                    <div class="foot-in-text">
                        <a class="foot-in-a" href="https://huazi.space" target="_blank">
                            <span class="text-light" style="line-height: 60px; ">Copyright © 2022 Huazi.</span>
                        </a>
                        <div class="foot-in-right">
                            <a class="foot-in-a" href="http://www.beian.gov.cn/portal/registerSystemInfo?spm=a2c4g.11186623.J_9220772140.105.a9b1783dfylTiO" target="_blank">
                                <img class="foot-in-img" src="img/icon-police.png" alt="">
                                <span class="text-light">苏ICP备2021034860号-1</span>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src='js/lion-three.min.js'></script>
    <script src='js/lion-OrbitControls.js'></script>
    <script src="js/lion-script.js"></script>

</body>

</html>